export function UpdateData(props){


    return(
        <div>
            <div className='updateForm'>
                <form>
                    <div className="form-group">
                        <label>Your ID:</label>
                        <input name="id" type="text" defaultValue={props.usersData._id} autoComplete="off" className="form-control" readOnly></input>
                        <label>Enter your name:</label>
                        <input name="name" type="text" defaultValue={props.usersData.name} autoComplete="off" placeholder="Enter your name here....." className="form-control"
                        onChange={(e)=>console.log(e.target.value)}></input>
                        <label>Enter your age:</label>
                        <input name="age" type="text" defaultValue={props.usersData.age} autoComplete="off" placeholder="Enter your age here....." className="form-control"
                        onChange={(e)=>console.log(e.target.value)}></input>
                        <label>Enter your city:</label>
                        <input name="city" type="text" defaultValue={props.usersData.city} autoComplete="off" placeholder="Enter your city here....." className="form-control"
                        onChange={(e)=>console.log(e.target.value)}></input>
                        <br/>
                        <button className="btn" id="myButton2">Save Update</button>
                    </div>
                </form>
            </div>
        </div>
    )
}